<template>
  <div class="flex">
    <div class="w-100px h-100px bg-blue-300" @click="router.push('/demo')">
      <span class="text-primary">{{ name }}</span>
    </div>
    <div class="w-275px h-100px bg-indigo-300"></div>
  </div>
</template>

<script lang="ts" setup>
import { ref } from 'vue';
import { useRouter } from 'vue-router';

const name = ref('HelloWord');
const router = useRouter();
</script>
